<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="register.css">
</head>

<body>
    <div class="left"></div>
    <div class="right">
        <div class="header">
            <div class="header-left">
                <h3>小米账号</h3>
            </div>
            <div class="header-right"><a href="">用户协议</a><a href="">隐私政策</a><a href="">帮助中心</a><span>丨</span><a
                    href="">中文(简体) ▼</a></div>
        </div>
        <div class="container">
            <div class="card">
                <div class="card-top">
                    <a href="./login.html">登录</a>
                    <a href="">注册</a>
                </div>

                <!-- 账号密码 -->
                <div class="mi-content">
                    <div class="zhanghao"><label for="zh">邮箱/手机号码/小米ID</label><input type="text" id="zh">
                    </div>
                    <p class="tip-zh">请输入正确格式的账号</p>

                    <div class="mima">
                            <label for="mm">密码</label><input type="password" id="mm">
                    </div>
                    <p class="tip-mm">请输入密码</p>


                    <button>注册</button>
                    <p><a href="">忘记密码?</a><a href="">手机号登录</a></p>


                </div>

                <div class="other">
                    <p>其他方式登录</p>
                    <div class="qq"><img src="img-login/favicon.ico" alt=""><img src="img-login/favicon.ico" alt=""><img src="img-login/favicon.ico" alt=""><img src="img-login/favicon.ico" alt=""></div>
                </div>
            </div>

        </div>

    </div>
</body>

</html>
<script src="jquery-1.12.4.js"></script>
<script src="register.js"></script>